// @flow
import React, { Component } from 'react';
import '../static/css/account-common.css';
import '../static/css/account.css';
import { inject, observer } from 'mobx-react';
import avatar from '../static/images/avatar.png'

type props = {}

@inject('coins')
@observer
export default class Account extends React.Component<Props> {
  props: Props;

  constructor(props) {
    super(props)

    let coins = this.props.coins.currentCoins

    this.state = {
      coins: coins,
    }
  }


  render() {
    return (
      <div className="account">  
        <div>
          <img src={avatar} alt="" />
        </div>
        <div>
          <div>Account 1</div>
          <div>
            <span>100.12</span>
            <span> {this.state.coins}</span>
          </div>
          <div>
            0x9c4220d33cbb0e97abda195e0273d742560924d5
          </div>
        </div>
      </div>
    );
  }
}